<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录♥</title>
    <link rel="stylesheet" href="./css/land.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/axios.js"></script>
    <script src="./js/libs/jquery-validation-1.14.0/jquery.validate.js"></script>
    <script src="./js/libs/layer/layer.js"></script>
    <script src="./js/login.js"></script>
   
</head>

<body>
<div class="land_box">
    <div class="login_header">
        <div class="center">
            <a href="https://www.winxuan.com/" title="文轩网，新华书店">
                <img src="./images/wenxuan/ia_100000003.png" alt="">
            </a>
        </div>
    </div>
    
    <div class="login_wrapper">

     <div class="center">
         <!-- 右侧登录 -->
         <div class="login_box">
             <!-- tab切换 -->
             <div class="tabs">
                 <span class="active" data-type="account_tab">密码登录</span>
                 <span data-type="mobile_tab">短信登录</span>
             </div>
             <!-- tab切换 end -->

             <!-- form表单 -->
             <form>
             <div class="form_wrapper">

                 <!-- 帐号登录 -->
                 <div class="account_tab _tab">
                     <!-- 帐号 -->
                     <div class="account">
                         <div class="icon-block">
                             <i class="iconfont iconrenbudaiwaiquan showPassword"></i>
                         </div>
                         <input name="zhao" placeholder="帐号" type="text" class="accountVerify formInput">
                         <label class="error_hint" name="account"></label>
                     </div>

                     <!-- 密码 -->
                     <div class="password">
                         <div class="icon-block">
                             <i class="iconfont iconmima"></i>
                         </div>
                         <input name="mima" placeholder="密码" type="password" class="formInput">
                         <i class="iconfont iconbukejian showPassword"></i>
                         <label class="error_hint" name="password"></label>
                     </div>

                     <!-- 图形验证码 -->
                     <div class="img_verify_code">
                         <input name="img_verify_code" placeholder="验证码" type="text" class="formInput">
                         <img src="" alt="">
                         <a class="update_verify_img">换一张</a>
                         <label class="error_hint" name="img_verify_code"></label>
                     </div>
                 </div>
                 <!-- 帐号登录 end -->

                 <!-- 短信登录 -->
                 <div class="mobile_tab _tab">
                     <!-- 手机号 -->
                     <div class="mobile">
                         <div class="icon-block">
                             <i class="iconfont iconshouji showPassword"></i>
                         </div>
                         <input name="mobile" placeholder="请输入手机号" type="text" class="accountVerify formInput">
                         <label class="error_hint" name="mobile"></label>
                     </div>

                     <!-- 手机验证码 -->
                     <div class="mobile_verify_code">
                         <div class="icon-block">
                             <i class="iconfont iconmima"></i>
                         </div>
                         <input name="mobile_verify_code" placeholder="请输入6位短信验证码" type="text" class="formInput">
                         <span class="showPassword">获取验证码</span>
                         <label class="error_hint" name="mobile_verify_code"></label>
                     </div>
                 </div>
                 <!-- 短信登录 end -->

                 <!-- 记住密码 -->
                 <div class="remember_pwd">
                     <input type="checkbox" name="remember" id="remember_pwd">
                     <label class="error_hint" name="remember"></label>
                     <label for="remember_pwd">记住密码</label>
                     <a href="">忘记密码?</a>
                 </div>

                 <!-- 登录按钮 -->
                 <button id="login_btn" class="disabled">登 录</button>
             </div>
            </form>
             <!-- form表单 end-->

             <a class="reg_link" href="./reg.html">立即注册</a>

             <!-- 第三方登录 -->
             <div class="coagent">
                 <p class="title">快捷登录</p>
                 <div class="logo_group">
                     <a href=""><i class="iconfont iconweixin-copy btn weixin"></i></a>
                     <a href=""><i class="iconfont iconqq-copy btn qq"></i></a>
                     <a href=""><i class="iconfont iconweibo btn xinlang"></i></a>
                     <a href=""><i class="iconfont iconzhifubao1 btn zhifubao"></i></a>
                 </div>
             </div>
             <!-- 第三方登录 end -->

         </div>
         <!-- 右侧登录 end -->
     </div>

 </div>



    <div class="footer">
        <div class="footer_num">
             <div class="footer_200">
                  <div class="footer_200_1">
                       <div class="xx100">
                            <img src="./images/wenxuan/ia_100000251.png" alt="">
                       </div>
                       <div class="xx200">
                            <p>正品保障 </p>
                            <p>假一赔五 </p>
                       </div>
   
                  </div>
                  <div class="footer_200_2">
                       <div class="xx100">
                            <img src="./images/wenxuan/ia_100000251.png" alt="">
                       </div>
                       <div class="xx200">
                            <p>一网打尽 </p>
                            <p>更多优惠 </p>
                       </div>
                  </div>
                  <div class="footer_200_3">
                       <div class="xx100">
                            <img src="./images/wenxuan/ia_100000251.png" alt="">
                       </div>
                       <div class="xx200">
                            <p>800城市货到付款 </p>
                            <p>北上广深次日达 </p>
                       </div>
                  </div>
                  <div class="footer_200_4">
                       <div class="xx100">
                            <img src="./images/wenxuan/ia_100000251.png" alt="">
                       </div>
                       <div class="xx200">
                            <p>电子发票 </p>
                            <p>报销无忧 </p>
                       </div>
                  </div>
             </div>
             <div class="footer_300">
                  <ul>
                       <li><a href="">关于文轩</a><span>|</span></li>
                       <li><a href="">联系文轩</a><span>|</span></li>
                       <li><a href="">加入文轩</a><span>|</span></li>
                       <li><a href="">合作伙伴</a></li>
                  </ul>
             </div>
             <div class="footer_400">
                  <p class="m1">川公网安备 51010602000457号 丨 出版物经营许可证 丨 蜀ICP备11014037号</p>
                  <p class="m2">Copyright(C) 文轩网2000-2020 版权所有 丨 客服热线：400-072-0808</p>
             </div>
        </div>
   </div>
</div>
</body>

</html>